<template>
<div>
   <el-menu
        active-text-color="#ffd04b"
        background-color="#353b5a"
        class="el-menu-vertical-demo"
        default-active="1"
        text-color="#fff"
        @open="handleOpen"
        @close="handleClose"
      >
        <el-menu-item index="1" @click="jumpProducer" style="display: flex; justify-content: center; ">
          <el-icon><icon-menu /></el-icon>
          <span>学生数据</span>
        </el-menu-item>
        <el-menu-item index="4" @click="jumpDistricts" style="display: flex; justify-content: center; ">
          <el-icon><icon-menu /></el-icon>
          <span>班级管理</span>
        </el-menu-item>
        <el-menu-item index="5" @click="jumpDetail" style="display: flex; justify-content: center; ">
          <el-icon><icon-menu /></el-icon>
          <span>补充信息管理</span>
        </el-menu-item>
    </el-menu>
</div>
</template>
<script>
  export default {
    data() {
      return {
        activeIndex: '1',
        activeIndex2: '1'
      };
    },
    methods: {
      handleSelect(key, keyPath) {
        console.log(key, keyPath);
      },
      jumpProducer() {
        this.$router.push("/main")
      },
      jumpManager() {
        this.$router.push("/manager")
      },
      jumpDetail() {
        this.$router.push("/parent")
      },
      jumpDistricts() {
        this.$router.push("/district")
      }
    }
  }
</script>
<style scoped>
    .el-menu {
        border: 1px solid #353b5a;
    }
</style>
